<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:include="common::common(title='基础数据')">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" ></meta>
</head>
<script type="text/javascript" th:src="@{/js/mall/address.js?v=}+${new java.util.Date().getTime()}"></script>


<body>
<div id="app" v-cloak>
  <el-container @keyup.enter.native="query">
	<el-header height="45px" class="inner_header">
	    	<el-form ref="form" :model="queryData" label-width="105px"  :label-position="labelPosition" >
		    	<el-row :gutter="20">
				  <el-col :span="6">
				  		<el-form-item label="收货人姓名:">
					  		<el-input placeholder="请输入姓名" v-model="queryData.receiptorName" :size="size" clearable>
							</el-input>
						</el-form-item>
				  </el-col>
				  <el-col :span="6">
				  		<el-form-item label="收货人电话:">
					  		<el-input placeholder="请输入电话" v-model="queryData.receiptorPhone" :size="size" clearable>
							</el-input>
						</el-form-item>
				  </el-col>
				  <el-col :span="5">
				  	<el-form-item label-width="0">
				  		<el-button type="primary" :size="size" icon="el-icon-search" @click="search">查询</el-button>
<!-- 				  		<el-button type="primary" :size="size" icon="el-icon-plus" @click="addItem">增加</el-button> -->
				  	</el-form-item>
				  </el-col>
				</el-row>
	    	</el-form>
	    </el-header>
	    <el-main class="inner_main">
	    	<div>
	    	  <el-table  
	    	    ref="addressDatagrid" 
	    	    :data="datagrid"
			    tooltip-effect="dark"
			    style="width: 100%;"
			    :height="tableHeight"
			    @row-click="datagridSelect"
			    v-loading="queryIng"
			    border
			    highlight-current-row
			    stripe
			    >
			    	<el-table-column type="index" label="序号" width="50"  align="center" header-align="center"></el-table-column>
				    <el-table-column prop="receiptorAreaName" label="收货人区域名称" width="200" align="center" header-align="center"> </el-table-column>
				    <el-table-column prop="receiptorAddres" label="收货人详细地址" width="200" align="center" header-align="center"> </el-table-column>
				    <el-table-column prop="receiptorName" label="收货人姓名" width="150" align="center" header-align="center"> </el-table-column>
				    <el-table-column prop="receiptorPhone" label="收货人电话" width="150" align="center" header-align="center"> </el-table-column>
				    <el-table-column prop="ifDefaultAddress" label="是否默认地址" width="100" align="center" header-align="center"> </el-table-column>
				    <!-- <el-table-column  label="操作" fixed="right"  align="center" header-align="center">
				    	<template slot-scope="scope">
					        <el-button type="primary" size="small"  @click="editItem(scope.row)">编辑</el-button>
					        <el-button type="danger" size="small"  @click="deleteItem(scope.row)">删除</el-button>
					      </template>
				    </el-table-column> -->
			  </el-table>
			</div>
			<div class="pagination_wrap">
			    <el-pagination
			      :current-page="queryData.page"
			      :page-sizes="[10, 20, 40, 100]"
			      :page-size="queryData.rows"
			      :layout="pagination_layout"
			      :total="totalNum"
			      @size-change="handleSizeChange"
			      @current-change="handleCurrentChange"
			      @prev-click="handlePrevClick"
			      @next-click="handleNextClick">
			    </el-pagination>
			 </div>
	    </el-main>
	</el-container>
	<!-- dialog 开始 不需要【删除】 -->
	<el-dialog :visible.sync="dialogConfig.dialogFormVisible" :top="10" :close-on-click-modal="false" :show-close="false" fullscreen="true">
		  <el-form :model="addData" ref="dialogForm" :rules="rules">
		  	<el-form-item label="主键ID" prop="id" 
      		:label-width="dialogConfig.formLabelWidth">
			  	<el-input v-model="addData.id" :size="size"  auto-complete="off" style="width:220px;"></el-input>
		     </el-form-item>
		  	<el-form-item label="收货人区域名称" prop="receiptorAreaName" 
      		:label-width="dialogConfig.formLabelWidth">
			  	<el-input v-model="addData.receiptorAreaName" :size="size"  auto-complete="off" style="width:220px;"></el-input>
		     </el-form-item>
		  	<el-form-item label="收货人区域编码" prop="receiptorAreaCode" 
      		:label-width="dialogConfig.formLabelWidth">
			  	<el-input v-model="addData.receiptorAreaCode" :size="size"  auto-complete="off" style="width:220px;"></el-input>
		     </el-form-item>
		  	<el-form-item label="收货人详细地址" prop="receiptorAddres" 
      		:label-width="dialogConfig.formLabelWidth">
			  	<el-input v-model="addData.receiptorAddres" :size="size"  auto-complete="off" style="width:220px;"></el-input>
		     </el-form-item>
		  	<el-form-item label="邮政编码" prop="postalCode" 
      		:label-width="dialogConfig.formLabelWidth">
			  	<el-input v-model="addData.postalCode" :size="size"  auto-complete="off" style="width:220px;"></el-input>
		     </el-form-item>
		  	<el-form-item label="收货人姓名" prop="receiptorName" 
      		:label-width="dialogConfig.formLabelWidth">
			  	<el-input v-model="addData.receiptorName" :size="size"  auto-complete="off" style="width:220px;"></el-input>
		     </el-form-item>
		  	<el-form-item label="收货人电话" prop="receiptorPhone" 
      		:label-width="dialogConfig.formLabelWidth">
			  	<el-input v-model="addData.receiptorPhone" :size="size"  auto-complete="off" style="width:220px;"></el-input>
		     </el-form-item>
		  	<el-form-item label="用户id" prop="userId" 
      		:label-width="dialogConfig.formLabelWidth">
			  	<el-input v-model="addData.userId" :size="size"  auto-complete="off" style="width:220px;"></el-input>
		     </el-form-item>
		  	<el-form-item label="用户名" prop="userName" 
      		:label-width="dialogConfig.formLabelWidth">
			  	<el-input v-model="addData.userName" :size="size"  auto-complete="off" style="width:220px;"></el-input>
		     </el-form-item>
		  	<el-form-item label="顺序" prop="orderNum" 
      		:label-width="dialogConfig.formLabelWidth">
			  	<el-input v-model="addData.orderNum" :size="size"  auto-complete="off" style="width:220px;"></el-input>
		     </el-form-item>
		  	<el-form-item label="是否默认地址（0：否 1：是）" prop="ifDefaultAddress" 
      		:label-width="dialogConfig.formLabelWidth">
			  	<el-input v-model="addData.ifDefaultAddress" :size="size"  auto-complete="off" style="width:220px;"></el-input>
		     </el-form-item>
		  	<el-form-item label="有效状态(默认为0 未删除  1 删除）" prop="activeFlag" 
      		:label-width="dialogConfig.formLabelWidth">
			  	<el-input v-model="addData.activeFlag" :size="size"  auto-complete="off" style="width:220px;"></el-input>
		     </el-form-item>
		  	<el-form-item label="添加时间" prop="createDate" 
      		:label-width="dialogConfig.formLabelWidth">
			  	<el-input v-model="addData.createDate" :size="size"  auto-complete="off" style="width:220px;"></el-input>
		     </el-form-item>
		  </el-form>
		  <div slot="footer" class="dialog-footer" style="text-align: center;">
		    <el-button @click="closeDialog" size="small">取 消</el-button>
		    <el-button type="primary" @click="submitForm('dialogForm')" size="small">确 定</el-button>
		  </div>
	 </el-dialog>
	 <!-- dialog 结束 -->
</div>
</body>
</html>